/**
 * ZHX CTC BASE SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.10.10
 * 
 */

//BASE INIT
$baseColor		: #212121;
$lightBaseColor	: #F5F5F5;
$blueColor		: #1564c0;
$lightBlueColor	: #2196f3;
$redColor		: #ff5353;
$greenColor		: #26a59a;
$lightGreenColor: #E0F2F1;
$yellowColor	: #ffe083;
$lightYellowColor: #FFFDE7;
$orangeColor	: #ff9700;

@mixin frame-transition($wt: all, $sec: .3s) {
	-webkit-transition: $wt $sec ease 0s;
	-moz-transition: $wt $sec ease 0s;
	transition: $wt $sec ease 0s;
}

@mixin no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@mixin use-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

@mixin flex-align-center {
	-webkit-align-items: center;
	-webkit-justify-content: center;
	align-items: center;
	justify-content: center;
}

@mixin flex-column {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

@mixin shadow($t: 0, $r: 0, $b : 15px, $color : $baseColor, $inset : null ) {
	-moz-box-shadow: $t $r $b $color $inset; 
	-webkit-box-shadow: $t $r $b $color $inset;
	box-shadow: $t $r $b $color $inset;
}
